/* ================================ *** 个性化模块 *** ================================ */
// ================================================================
.hover-bc:extend(.ease){
    &:hover{.bcm;.cf;}
}
.hover-tu{
    &:hover{.tu;}
}
.hover:extend(.ease){
    &:hover{.c0!important}
}
.tap-tag{
    &:active{.bor(@main-color)!important;
        *{.c0!important;}
    }
}
.hover-o{
	&:hover{.op(.9);}
}
// ================================================================ 
.wrap{.w(@main-width);.ml(auto); .mr(auto);}
.wrap2:extend(.wrap){.w(800)}
// ================================================================ 
.btn-1{.c0;.plr30;.hh40;.r3px;.bcf;}
.btn-2{.cf;.plr30;.hh40;.r3px;.bcm;}
// ================================================================ header
.header{.sti;.l_t;.index(10);
	.wrap{.oh}
	nav{.ml(10%);
		a{.mw(80);
			&.active{.bcf;.c0;.b;}
		}
	}
}
// ================================================================ footer
.footer{
	nav{.lh30;.ml(200);.ptb30;
		dt{.mb5}
		*{.g9;}
		a:hover:extend(.hover all){}
	}
}
// ================================================================ index
.index-group:extend(.fxm,.mt30){
	i:extend(.bcm,.db){.wh(70,3);}
	h3{.f24;.mt15;.lh;.mb20;.c0;.b}
	h6{.lh24;.ls(2);.tj;}
	figure{.w(400)}
}
.index-group-list{
	li{.w(25%);.bcm;.plr20;.h(150);.r5px;.mr(12.5%);.mb(20);
		&:nth-child(3n){.mr;}
	}
	h5{.ptb20;.f20;.tc;.bbor(#fff, 2);}
	p{.mt20;.lh24;.tj;.ls(2)}
}
.index-group-list-1{.h(270);
	li:extend(.ex){.w(28%);.m;.h;}
	h5:extend(.fxmc all){
		span{.fs(40);.mr5;}
	}
}
.group-title{.g2;.tc;.lh30;.mb30;
	h2{.f24;.b;.mb10;.lh}
	h3{.f16;.c(#212121);}
}
.index-swiper-nav{
	a{.hh(50);.bcf;.r3px;.tc;.w(19%);.rel;
		&.active{.bc;.cf;
			&::before{.cn;.h(8);.bgp(tt);.bsc;.abs_lt;.w;}
		}
	}
}
// ================================================================ 帮助中心
.help-center-box{.wm(1200);.ptb20;}
.help-box{
	menu, aside{.box-shadow(-4px 4px 8px #ddd); .r4px;}
	menu{.w(250);.ptb15;.bcf;
		h3{.hh40;.c1;.f20;.plr20;}
		h6, a{.hh(40);}
		h6:extend(.fxmj all){.f16;.cp;
			a{.plr20;}
			span,b{.pl20;}
		}
		a{.db;.plr(40);.c(#757575);
			&:hover{.bc_eee;}
			&.active{.bcm;.cf;}
		}
		h6{
			a.active{.bcm;.cf;.w;}
			
		}
		.arrow{.mr10}
		
		nav a, h6{.rel;
			&::after{.cn;.abs_lb;.h(1);.l_r(20);.rgba(24,188,156,.1)}
		}
	}
	aside{.p20;
		>header{.c(#757575);.mb20;
			b{.ss;.mlr5;}
		}
		>section{.bc(#F3F3F3);.mh(500);.p20;}
	}
}
.arrow:extend(.linear){.ww(10);.bgp(tr);.bsc;}
.active{
	.arrow{.rotate(-180)}
}
.center-box{
	menu{.c0;
		a{.c0;}
		nav{.bc(rgba(0,0,0,0.06))}
	}
}
// ================================================================ 关于我们
.about-box-1{.h(300);.l_r(10%);.t(4%);}
.about-box-2{.l_r(15%);.bm(4%);.p30;.box-shadow(0 0 8px rgba(0,0,0,0.2))}
// ================================================================ 控件台
.control-nav{.w(300);.bcf;
	a{.hh60;.db;.tc;.rel;
		&:hover{.c1;}
		&.active{.bcm;.cf;
			&::after{.dn;}
		}
		&::after{.cn;.abs;.l_r(10%);.bm;.h(2); .rgba(24,188,156,.06);}
	}
}
.control-box-list{
	h3{.b;.c(#212121);.lh;.mb20;}
	ul:extend(.fxw all){}
	li{.bor(@main-color);.bc(#F1FBF9);.r4px;.w(250);.p15;.m_rb(20);
		h5{.c0;.b;}
		p{.f13;.lh20;.mt10;}
	}
}

.user-nav{.w(200);.bcf;.box-shadow(0 0 8px rgba(0,0,0,0.2));.fix_rt(20,50);.tc;
	>a{.db;.hh40;
		&:hover{.bc(#f2f2f2);}
	}
}
// ================================================================ 价格
.month{.c(#8D6024);
	i{.bg_ww(20,'vip/vip');.cover;}
}
	
.vip-list{
	li{.w(20%);.bcf;.box-shadow(0 0 8px rgba(0,0,0,0.1));.tc;.ptb30;
		
	}
	h3{.m_tb(25,20);.lh;
		b{.f24;.mr5;.ar;}
	}
	h6{.mb20;}
	button{.h36;.r5px;.bcm2;.cf;.cp;.mw(100);
		&:hover{.o(90);}
	}
}

.title-group{.tc;
	h2{.f20;.g3}
	h6{.f16;.g6;.mt20;}
}

.vip-box-list{
	li{.w(25%);.tc;.mb50;}
	figure{
		img{.ww(60);}
	}
	h6{.g3;.mt20;}
}
.vip-ask-list{
	li{.w(45%);.mb60;
		&:nth-child(2n){.ml(10%);}
	}
}
.vip-price-list{
	li:extend(.bor2){.w(22%);.r8px;.p(20px 20px 20px);.tc;.cp;
		&.active{.bc(#E7F5F3);.bor_c(#14A085);}
	}
	.month{.f16;
		i{.ww(24);.mr5;}
	}
	h3{.m_tb(25,20);
		 b{.f24;.mr5;.ar;}
	}
	del{.mb20}
	h6{.f15;.tbor(#999);.pt15;}
}

// ================================================================ 找合作
.relate-list{
	li{.p20;.lh22;.g6;.tj;
		&:last-child{
			&::after{.dn;}
		}
	}
}
.list-bbor{
	li:extend(.rel){
		&:after{.cn;.abs;.l_r(20);.bm;.h(1);.bc(#cfcfcf);}
	}
}

.search-list{.lh24;
	li{.mt10;
		&:first-child{.mt;}
		h6{.mr20;}
	}
	nav{
		a{.plr15;.mb5;.c75;
			&:hover{.c0;}
			&.active{.c0;}
		}
	}
}

.paging{
	a{.ww(28);.lh28;.tc;.mlr(2);
		&:first-child{.bgp(arrow_left);.bsc}
		&:last-child{.bgp(arrow_right);.bsc}
		&:hover{.bc(#B2DFDB)}
		&.active{.bcm;.cf;}
	}
}

// ================================================================ 控制台列表
.jz-table{.f12;.tc;
	tr{.bbor(#cfcfcf);}
	th,td{.p(5px 10px);.h(40);}
	thead,tbody{
		th,td{
			&:nth-child(2n-1){.bc(#f6f6f6);}
		}
	}
	thead{
		tr{.tc;.tbor(#cfcfcf);}
		th{.tc}
	}
	tbody{}
}
.copy-value{.abs_lt;.op(0)}

.switch{
	s:extend(.ease){.w(36);.r100px;.bc(#000);.h18;.p(1);.cp;.db;}
	i:extend(.ease){.fl;.r100px;.ww(16);.bcf;.cp;}
	input{.abs_lt;.bor(1);
		&:checked + s{.bcm;
			i{.fr;}
		}
	}
}

.copyright{.lh30;.tc;.g9;.f12;}
// ================================================================ 表单
.form-list{
	li:extend(.fxm){.mt15;
		&:first-child{.mt;}
		h6{.w(100);.tr;.f13;}
		>div{.plr5;.ex;}
		input[type='text']{.hh30;.bor1;.r3px;.w;.plr10;}
	}
}
.contact-list{
	li{
		h6{.w(60)}
	}
	.copy{.hh(30);.bor1;.ml5;.plr10;.r3px;.f13;}
}

.radio:extend(.fxm){.mr20;.rel;
	&:last-child{.mr;}
	i{.ww(18);;.bor(@main-color);.p(2);.r100px;.db;.mr5;}
	input{.abs_lt;}
	input:checked+i{
		&::before{.cn;.db;.wh;.bcm;.r100px;}
	}
}

.login-btn{.hh30;.bc(#00BCD4);.r3px;.cf;.plr5;}